AiSee Web Developer開発のサンプル概要説明


    WebアプリのHtml画面を開発する際には、主に「MVCモデル」という概念を使われます。MVCとはModel(M)、View(V)、Controller(C)のことです。主にデータの処理を行うModel、ユーザーが入出力を行うView、ViewとModelを制御するController。このようにそれぞれ役割をもたせた3つの作業を必要となります。これらにより、一つのWebアプリ画面の開発が行われます。

 



1。デモに使用されるWeb Htmlページの説明


2。AiSee開発環境のビジネスモデルの構築説明


3。AiSee開発環境の処理機能確認と自動一括テスト

   サーバーの機能(Mの部分):データ処理機能の確認テスト


4。画面ビューア(View)の設定及びAI自動変換

  フロント部分作業(Vの部分):HTMLの取り込み、自動解析、変換

5。画面コントロール(Control)の指定手順

  フロント部分作業(Cの部分):HTMLフォーム内の項目指定、操作イベントへサーバー処理の割当て


6。ダイナミックHTMLの生成とダウンロード

  AIクラウドによる生成:ダイナミクHTMLとコントロールのJavaBeanソース生成、ダウンロード


7。Web画面の動作確認手順

  HTMLページ画面での動作及び機能の確認検証


8。AiSeeによるチャートグラフ表示

  Web Htmlページでのチャートグラフが可能


9。AiSeeの詳細ステップ実演:更新機能の詳細実現手順




 これから、一つのWebアプリのHtmlデモ画面の開発過程を示しなら、AiSee Web Developerの開発作業手順を説明します。

 作業は、MVC開発モデルに従って、3つのフェーズと分けられます。


第1フェーズ ビジネスモデル作成(Model)

 ビジネスモデルは、大抵Webサーバー側の機能や処理となります。

 AiSee Web Developerに置ける作業として、

  ・日本語の設計書の入力、判断認識によるデータ処理機能の作成など

  ・認識済の処理や機能の確認テスト。


第2フェーズ ビューア作成(View)

 ビューアは、フロント側の作業となります。

 AiSee Web Developerに置ける作業として、

  ・設計したHTMLページを取り込み

  ・自動解析、指定フレームワークへの変換(自動・手動)

  ・変換済のダイナミックHTMLをダウンロード


第3フェーズ コントロール作成(Control)

 コントロールは、ビューアと密接に関連しています。

 AiSee Web Developerに置ける作業として、

  ・HTML画面フォーム内のフィールド項目を設定

  ・HTML画面の操作イベントとサーバー処理の関連付けを指定

  ・コントール処理をダウンロード(HTMLと一緒)